<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Laevad</title>
<link rel="stylesheet" href="css/screen.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jQueryRotate.2.1.js" type="text/javascript"></script>
<script src="js/jquery-ui.min.js" type="text/javascript" ></script>
<script src="js/main.js" type="text/javascript"></script>
<script src="js/mootor.js" type="text/javascript"></script>

</head>
<body>
	<div class="container">
		<div class="lobby">
			<button class="flip flip1">Alusta</button>
		</div>
		<div class="panel">
			<div class="menu span-24">
				<div class="span-11 vasak">
					<table>
						<tr>
							<th>Nimi</th>
							<th>Võite</th>
							<th>Kaotusi</th>
						</tr>
						<tr>
							<td>Joosep</td>
							<td>5</td>
							<td>5</td>
						</tr>
						<tr>
							<td>Enno</td>
							<td>5</td>
							<td>5</td>
						</tr>
					</table>
				</div>
				<div class="span-11 parem">
					<ul>
						<li><button class="hide">Alusta</button></li>
						<li><button>Uus mäng</button></li>
						<li><button>Edetabel</button></li>
						<li><button>Arhiiv</button></li>
						<li><button value="Reload page" onClick="window.location.reload()">Lõpeta</button></li>
						
					</ul>
				</div>
			</div>
			<div class="board span-24">
				<div class="playerOne span-9"></div>
				<div class="playerTwo span-9"></div>
				<div class="span-5 rightMenu">
					
					<p class="peitu">Aseta oma laevad lauale. Laeva keeramiseks tee laeval topeltklõps.</p>
					<br /> <img src="images/laev1_hori.png" class="dragme yhenehori yks" id="yhene" alt="ühene" />
						<img src="images/laev1_hori.png" class="dragme yhenehori kaks" id="yhene" alt="ühene" />
						<img src="images/laev1_hori.png" class="dragme yhenehori kolm" id="yhene" alt="ühene" />
						<img src="images/laev1_hori.png" class="dragme yhenehori neli" id="yhene" alt="ühene" />
					<br /> <img src="images/laev2_hori.png" class="dragme kahenehori kahene yks" id="kahene_hori" alt="kahene" />
						<img src="images/laev2_hori.png" class="dragme kahenehori kahene  kaks" id="kahene_hori" alt="kahene" />
						<img src="images/laev2_hori.png" class="dragme kahenehori kahene kolm" id="kahene_hori" alt="kahene" />
					<br /> <img src="images/laev3_hori.png" class="dragme kolmenehori kolmene yks" id="kolmene_hori" alt="kolmene" />
						<img src="images/laev3_hori.png" class="dragme kolmenehori kolmene kaks" id="kolmene_hori" alt="kolmene" />
					<br /> <img src="images/laev4_hori.png" class="dragme neljanehori neljane yks" id="neljane_hori" alt="neljane" />
					
				
				</div>
			</div>
		</div>

	</div>

</body>
</html>